<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    
    <script src="js/cordova-2.1.0.js"></script>
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery.mobile-1.2.0.min.js"></script>
    <script src="js/ejs_production.js"></script>

    <script src="js/script.js"></script>

</head>

<body>
<div id="fb-root"></div>

    <!-- page -->
    <div data-role="page" id="home">
        <div data-role="header" data-position="fixed">
            <h1>Login</h1>
            <a href="#info" data-role="button" data-shadow="false" data-icon="info" data-iconpos="notext"></a>
        </div><!-- /header -->
        <div data-role="content">
            <div style="width:400px">
                <a onclick="FB.login()" data-role="button" data-icon="facebook" data-mini="true" data-inline="true">Facebook</a>
                <a href="#pg1" data-role="button" data-icon="myapp-gmail" data-mini="true" data-inline="true">Gmail</a>
                <a onclick="getFBStatus()" data-role="button" data-icon="twitter" data-mini="true" data-inline="true">Twitter</a>
            </div>
            <div style="width:300px">
                <a href="#pg1" data-role="button" data-mini="true" data-inline="false">Visitator</a>
            </div>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->

    <!-- page -->
    <div data-role="page" id="info">
        <div data-role="header" data-position="fixed">
            <a href="#home" data-icon="back" data-shadow="false" data-iconpos="notext" data-role="button">Home</a>
            <h1>Despre Noi</h1>
        </div><!-- /header -->
        <div data-role="content">
            <img src="img/logo.png" />
            <p style="float:right">
                Str. Ion Slavici nr. 47, 300 521 Timisoara<br />
                Tel: +4 0256 228 062, + 4 0356 421 215<br />
                Fax: +4 0356 421 215<br />
                E-mail: pentruvoi@pentruvoi.ro<br />
                Web: www.pentruvoi.ro
            </p>
            <hr width="100%"/>
            <p>
                Infiintata in  anul  1996,  Fundatia "Pentru  Voi" este  singura  organizatie  nonguvernamentala din Timisoara  care  ofera servicii  sociale  comunitare  pentru  adulti  cu dizabilitati intelectuale si familiile lor. In prezent sprijina 183 de astfel de persoane. Inca de la infiintare, Fundatia "Pentru Voi" a deyzvoltat servicii unice in tara: primul centru de  zi  pentru  adulti  cu  dizabilitati  intelectuale  din  Romania,  primul  serviciu  de  angajare asistata, prima locuinta protejata, primul centru respiro pentru acest grup de persoane si multe altele.<br /><br />
                <b>Implica-te si tu fara prea mult efort!</b>
            </p>
            <form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" id="paypal">
                        <input type="hidden" name="cmd" value="_s-xclick">
                        <input type="hidden" name="hosted_button_id" value="VKLG5KYP8RK68">
                        <input type="image" src="https://www.sandbox.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                        <input type="hidden" name="on0" value="project">
                        <input type="hidden" name="memo" value="projectmemo">
                        <input type="hidden" name="return" value="http://172.18.20.150/data">
                        <input type="hidden" name="notify_url" value="http://172.18.20.150/data">
                        <img alt="" border="0" src="https://www.sandbox.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">
                </form>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->

    <!-- page -->
    <div data-role="page" id="pg1">
        <div data-role="header" data-position="fixed">
            <a href="#" data-add-back-btn="true" data-rel="back" data-icon="back" data-shadow="false" data-iconpos="notext">Home</a>
            <h1>Facebook</h1>
        </div><!-- /header -->
        <div data-role="content">
            <ul data-role="listview" id="facebook">

            </ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pg1">Facebook</a></li>
                    <li><a href="#pg2">Proiecte</a></li>
                    <li><a href="#pg3">Implicari</a></li>
                    <li><a href="#pg4">Setari</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->

    <!-- page -->
    <div data-role="page" id="pg2">
        <div data-role="header" data-position="fixed">
            <a href="#" data-add-back-btn="true" data-rel="back" data-icon="back" data-shadow="false" data-iconpos="notext" data-role="button">Home</a>
            <h1>Proiecte</h1>
        </div><!-- /header -->
        <div data-role="content">
            <ul data-role="listview" id="proiecte">
            </ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pg1">Facebook</a></li>
                    <li><a href="#pg2">Proiecte</a></li>
                    <li><a href="#pg3">Implicari</a></li>
                    <li><a href="#pg4">Setari</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->

    <!-- page -->
    <div data-role="page" id="pg3">
        <div data-role="header" data-position="fixed">
            <a href="#" data-add-back-btn="true" data-rel="back" data-icon="back" data-shadow="false" data-iconpos="notext" data-role="button">Home</a>
            <h1>Implicarile mele</h1>
        </div><!-- /header -->
        <div data-role="content">
            <ul data-role="listview">
                <li data-role="list-divider">
                    <p>Thursday, October 7, 2010</p>
                    <span class="ui-li-count">1</span>
                </li>
                <li>
                    <a href="#articol">
                        <h3>Avery Walker</h3>
                        <img width="150" height="150" src="http://www.paginademedia.ro/wp-content/uploads/2010/07/Romania-logo-3.jpg" />
                        <p><strong>Re: Dinner Tonight</strong></p>
                        <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
                        <p class="ui-li-aside"><strong>4:48</strong>PM</p>
                    </a>
                </li><li data-role="list-divider">
                <p>Thursday, October 7, 2010</p>
                <span class="ui-li-count">1</span>
            </li>
                <li>
                    <a href="#articol">
                        <h3>Avery Walker</h3>
                        <img width="150" height="150" src="http://www.paginademedia.ro/wp-content/uploads/2010/07/Romania-logo-3.jpg" />
                        <p><strong>Re: Dinner Tonight</strong></p>
                        <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
                        <p class="ui-li-aside"><strong>4:48</strong>PM</p>
                    </a>
                </li>
            </ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pg1">Facebook</a></li>
                    <li><a href="#pg2">Proiecte</a></li>
                    <li><a href="#pg3">Implicari</a></li>
                    <li><a href="#pg4">Setari</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->


    <!-- page -->
    <div data-role="page" id="pg4">
        <div data-role="header" data-position="fixed">
            <a href="#" data-add-back-btn="true" data-rel="back" data-icon="back" data-shadow="false" data-iconpos="notext" data-role="button">Home</a>
            <h1>Setari</h1>
        </div><!-- /header -->
        <div data-role="content">
            <a href="#pg1" data-role="button">Facebook</a>
            <a href="#pg1" data-role="button">Gmail</a>
            <a href="#pg1" data-role="button">Twitter</a>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pg1">Facebook</a></li>
                    <li><a href="#pg2">Proiecte</a></li>
                    <li><a href="#pg3">Implicari</a></li>
                    <li><a href="#pg4">Setari</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->

   <!-- page -->
    <div data-role="page" id="posts">
        <div data-role="header" data-position="fixed">
            <a href="#" data-add-back-btn="true" data-rel="back" data-icon="back" data-shadow="false" data-iconpos="notext">Home</a>
            <h1>Postari</h1>
        </div><!-- /header -->
        <div data-role="content">
            <ul data-role="listview" id="list_posts">

            </ul>
        </div><!-- /content -->

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#pg1">Facebook</a></li>
                    <li><a href="#pg2">Proiecte</a></li>
                    <li><a href="#pg3">Implicari</a></li>
                    <li><a href="#pg4">Setari</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->
    </div>
    <!-- /page -->
</body>
</html>